import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

export default new Router({
    mode: 'history',
    routes: [
        {
            path: '/',
            component: () => import('../pages/home.vue'),
            name: "home",
            redirect:"/taber1",
            children: [
                {
                    path: "/taber1",
                    component: () => import('../components/taber1.vue'),
                    name: "taber1"
                },
                {
                    path: "/taber2",
                    component: () => import('../components/taber2.vue'),
                    name: "taber2"
                },
                {
                    path: "/taber3",
                    component: () => import('../components/taber3.vue'),
                    name: "taber3"
                },
                {
                    path: "/taber4",
                    component: () => import('../components/taber4.vue'),
                    name: "taber4"
                }
            ]
        },
        {
            path:'/details',
            component:()=> import ('../pages/details.vue'),
            name:"goodDetails"
        }
    ]
})